.grid, .grid textarea, .grid input, .grid select {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:1px}
.grid table {border-collapse: collapse; margin:1px 0px; font-size:10px; background-color:#FFFFFF}
.grid table th, .grid table td {padding:0px 4px;border: 1px solid silver}
.grid td.status_bar {padding:3px 5px}
.grid a img{border:none}
.list table td {padding:5px}

.grid.select td, .grid.select th{padding:2px}
.grid.select tbody td{cursor:default}

.grid thead th {text-align: center; cursor: default; background-color:navy; color: white; font-size:10px}
.grid thead th a {color:#FFFFFF; text-decoration:none}
.grid thead th a:hover{text-decoration:underline}
.grid thead th.sortable { cursor:pointer}
.grid thead th.sort { background: #aaf no-repeat right center; padding-right:15px}
.grid thead th.asc { background-image: url([:url_grid_img:]/sort-asc.png)}
.grid thead th.desc { background-image: url([:url_grid_img:]/sort-desc.png)}
.grid thead tr.caption th {width:1px}
.grid .filterrow td {padding:1px; background-color:#CDE7FC; font-size:9px;vertical-align:top}
.grid .filtered {background-color:#FBFCBC}
.grid thead .expand_all{margin-right:5px}

.grid tbody tr {font-size:9px}
.grid textarea, .grid input, .grid select {font-size:inherit}
.grid tbody tr.alternate { background-color: #F6F6F6}
.grid tbody tr.selected { background-color:#DFEEFD}
.grid tbody td a{text-decoration:none}
.grid tbody td a:hover{text-decoration:underline; color:red}
.grid tbody td.editing{padding:0px; vertical-align:top}
.grid tbody td input[type=checkbox] {margin:3px 1px}
.grid tbody td.editing input[type=checkbox] {margin:3px}

.grid table td.editing input:hover,
.grid table td.editing input:focus
{border:2px #FFCC00 solid}
.grid tbody td.selected{background-color:#FFFF66}
.grid tbody tr.row:hover { background-color:#CCFFCC}
.grid tbody td.number{text-align:right}
.grid tbody td.center{text-align:center}
.grid tbody td.number input{text-align:right}
.grid .editbox {display:none}

.grid table td.actionbox div.action_handle { position:relative; float:right}
.grid table td.actionbox div.action_wrapper { position:absolute; left:4px; top:-7px; background:#CDE8FC; padding:5px; border:1px solid silver; text-align:left}
.grid table .action_item,
.grid table .mass_action
{ text-decoration:none; color:blue; cursor:pointer; white-space:nowrap}
.grid table div.action_wrapper .action_item { margin:2px}
.grid table .action_item:hover,
.grid table .mass_action:hover
{text-decoration:underline; color:red}

.grid table .node_indent {background:url([:url_grid_img:]/vertical.gif) repeat-y; padding-left:19px; float:left}
.grid table .node_indent.blank_indent {background:none}

.grid table .node_button {white-space:nowrap; padding-left:20px; background:left repeat-y; float:left}
.grid table .node_expand {background-image:url([:url_grid_img:]/plusik.gif)}
.grid table .node_collapse {background-image:url([:url_grid_img:]/minus.gif)}

.grid table .node_expand.node_last {background-image:url([:url_grid_img:]/plusik_l.gif); background-repeat:no-repeat}
.grid table .node_collapse.node_last {background-image:url([:url_grid_img:]/minus_l.gif); background-repeat:no-repeat}

.grid table .node_leaf {background-image:url([:url_grid_img:]/hr.gif)}
.grid table .node_leaf.node_last {background-image:url([:url_grid_img:]/hr_l.gif); background-repeat:no-repeat}

.grid table .node_icon {height:19px; background:left no-repeat; padding-left:20px; line-height:19px; float:left}
.grid table .node_expand .node_icon {background-image:url([:url_grid_img:]/folder.gif)}
.grid table .node_collapse .node_icon {background-image:url([:url_grid_img:]/folder_o.gif)}

.grid table .elastic {width:100%;left:0px}
.grid table input.elastic {position:absolute}
.grid table textarea.elastic {height:100px; width:99%}
.grid table .boxwrapper{position:relative; margin-right:5px; height:19px}

.tree table .boxwrapper{height:19px}

.grid .changed{ background-color: #FFCCFF; border-style:ridge}
.grid .button {border:solid 1px #999;background:#f2f2f2;color:#333;cursor:pointer; width:50px; height:18px; font-size:11px}
.grid .button:hover {border:solid 1px #fff;background:#999;color:#fff}
.grid .funnel {background:url([:url_grid_img:]/funnel.png) no-repeat; width:16px; height:16px}
.grid .loading_circle {background:url([:url_grid_img:]/loading.gif) no-repeat; width:16px; height:16px}

.grid .nomargin.boxwrapper {margin-right:0px}

.ajaxloading {background:url([:url_grid_img:]/ajax-loader.gif) no-repeat 3px; height:24px; width:150px}
.loading_bar { background:url([:url_grid_img:]/loading_bar.gif) no-repeat; background-position:3px; height:20px; width:50px; height:18px; border:none}
.thumbimg {height:16px}
.tooltip_img { border:#666666 2px solid}

ul.pager_list li{ display:inline; cursor:pointer}
ul.pager_list li.current_page{ font-weight:bold}

.input_list {list-style-type:none; padding:0px; line-height:18px}
.input_list li {border-bottom: 1px solid; margin:2px; padding:0px}
.input_list li div.cell {float: left}
.input_list label {float:left; width:130px; margin-right:20px; font-weight: bold}

.grid .hidden {display: none}

.drag_hover{font-weight:bold}